<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生管理系统后台</title>
    <link rel="stylesheet" href="../js/bower_components/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../js/bower_components/bootstrap-treeview/dist/bootstrap-treeview.min.css">
    <script src="../js/bower_components/jquery/dist/jquery.min.js"></script>
    <script src="../js/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="../js/bower_components/bootstrap-treeview/dist/bootstrap-treeview.min.js"></script>
    <script src="../js/bower_components/moment/min/moment.min.js"></script>
    <script src="../js/bower_components/moment/min/locales.min.js"></script>




    <script>

        moment.locale("zh-cn");
        var currentTime=function(){
            $("#currentTime").html(moment().format("YYYY-MM-DD dddd HH:mm:ss"));
        }

        $(function () {
            setInterval(currentTime,1000);
            $.getJSON("menuList.json",function (d) {
                $("#tree").treeview({
                    data:d,
                    selectedBackColor:"#0F3E6E",
                    selectedIcon:"glyphicon glyphicon-ok",
                    expandIcon:"glyphicon glyphicon-plus",
                    onNodeSelected:function (event,data) {
                        var parent=$("#tree").treeview("getNode",data.parentId);
                        $("#breadcrumb").html("<li>"+parent.text+"</li>"+"<li>"+data.text+"</li>");

                        $("#contentFrame").attr("src",data.href);
                    }

                });
            });

        });

    </script>



</head>,
<body>
    <div class="container-fluid">
        <!--第一行 开始-->
        <div class="row">
            <div class="col-md-12">
                <h1 style="float: left;margin-top: 0px;">
                    学生管理系统<small>&nbsp;考试管理子系统</small>
                </h1>
                <div style="font-size: 210%;float: right;margin-right: 50px;">
                    <span class="glyphicon glyphicon-time"></span>
                    <span id="currentTime"></span>
                    <span class="glyphicon glyphicon-user"></span>
                    <b>欢迎你,</b>
                    <span id="userName">管理员</span>
                    <button class="btn btn-danger"><span class="glyphicon glyphicon-off"></span>&nbsp;安全退出</button>
                </div>
            </div>
        </div>
        <!--第一行 结束-->


        <!-- 第二行 开始-->
        <div class="row">
            <!--左侧的树 -->
            <div class="col-md-3">
                <div id="tree"></div>
            </div>

            <!-- 右侧的工作区-->
            <div class="col-md-9">
                <!--面包屑-->
                <div class="row">
                    <div class="col-md-12">
                        <ol class="breadcrumb" id="breadcrumb">
                            <li><a href="help.html" target="contentFrame">首页</a></li>
                        </ol>
                    </div>
                </div>


                <!--网页显示的地区-->
                <div class="row">
                    <div class="col-md-12">
                        <div class="embed-responsive embed-responsive-16by9">
                            <iframe name="contentFrame" id="contentFrame"
                                    class="embed-responsive-item" src="help.html">

                            </iframe>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 第二行 结束-->
    </div>

</body>
</html>
